<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../css/lol-public.css" />
    <link rel="stylesheet" href="../../css/lol-league.css" />
</head>

<body>
    <div id="wrap">
        <div id="header">
            <div class="header">
                <div class="container clearfix">
                    <div class="language dropdown pull-right">
                        <a id="chose-language" data-target="#" href="###" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="country-cn country-icon active"></i><span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="chose-language">
                            <li>
                                <a href="/league.html?lang=en_us">
                                    <i class="country-icon country-gb"></i>English(英语)
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div id="user-welcome" class="pull-right clearfix">
                        <div class="pull-left">
                            <div class="user-menu dropdown pull-left">
                                <a id="user-menu-panel" data-target="#" href="###" data-toggle="dropdown" data-hover="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="ellipsis">Ujump</span> <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu" aria-labelledby="user-menu-panel">
                                    <li>
                                        <a href="/user/2416135.html"><i class="personal-icon"></i>个人主页</a>
                                    </li>
                                    <li>
                                        <a href="/login/logout.html"><i class="exit-icon"></i>退出登录</a>
                                    </li>
                                </ul>
                            </div>
                            <span class="pull-left public-user-leavel level-3">LV3</span>
                            <div class="info-box pull-left">
                                <a href="###">
                                    <i></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="container">
                    <div class="pull-left vp-logo public-icon"></div>
                    <ul class="pull-left lol-nav">
                        <li class="first active"><a href="###">首页</a></li>
                        <li><a href="###">竞猜</a></li>
                        <li><a href="###">赛事</a></li>
                        <li><a href="###">兑换</a></li>
                        <li><a href="###">饰品</a></li>
                        <li><a href="###">V视角</a></li>
                        <li class="last"><a href="###">我的VP</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="bodyer">
            <div class="lol-league-nav">
                <div class="container">
                    <ul>
                        <li class="active">赛事首页</li>
                        <li>我的联赛</li>
                        <li>创建联赛</li>
                        <li>联赛管理</li>
                    </ul>
                </div>
            </div>
            <div class="container clearfix">
                <div class="index-main">
                    <div class="statement-league mt20">
                        <div class="wrapper-theme clearfix">
                            <h3 class="pull-left">第十届城市英雄争霸赛</h3>
                            <a href="" class="btn-signUp btn-afterward pull-left">报名参赛
                            </a>
                        </div>
                        <p>赛季时间：2016-03-18 000:00~2016-XX-XX 00:00:00</p>
                        <p>比赛大区：电信 水晶之痕</p>
                    </div>
                    <div class="tab-league">
                        <!-- tabs -->
                        <ul class="nav nav-tabs nav-topic" role="tablist" id="myTab">
                            <li class="active"><a href="#ranking" data-toggle="tab">联赛排名</a></li>
                            <li><a href="#intro" data-toggle="tab">赛事介绍</a></li>
                            <li><a href="#reward" data-toggle="tab">赛事奖励</a></li>
                            <li><a href="#process" data-toggle="tab">报名流程</a></li>
                            <li><a href="#record" data-toggle="tab">比赛记录</a></li>
                        </ul>
                        <!-- tab切换内容 -->
                        <div id="myTabContent" class="tab-content">
                            <!-- tab1 -->
                            <div class="tab-pane fade league-ranking in active" id="ranking">
                                <div class="top-nav">
                                    <div class="pull-left">
                                        <a class="page-forward" href="javascript:void(0)">
                                        </a>
                                    </div>
                                    <div class="pull-right">
                                        <a class="page-afterward" href="javascript:void(0)">
                                        </a>
                                    </div>
                                    <ul class="seasons clearfix">
                                        <li><a class="active" href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                    </ul>
                                </div>
                                <div class="wrap-table-topic">
                                    <table class="table-ranking">
                                        <thead>
                                            <tr>
                                                <th>玩家排名</th>
                                                <th >赛季积分</th>
                                                <th >胜场</th>
                                                <th >输场</th>
                                                <th >胜率</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="player-avator ranking vip">
                                                        <div data-list="1">
                                                            <span>1</span>
                                                        </div>
                                                        <img src="../../img/lol_league/user_head.png" alt="" width="40" height="40">
                                                        <p class="player-name ellipsis">大大魔锤！</p>
                                                        <i class="player-vip"></i>
                                                    </div>
                                                </td>
                                                <td class="font-season-score">10000</td>
                                                <td class="font-win">454</td>
                                                <td>2344</td>
                                                <td >65%</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="player-avator ranking">
                                                        <img src="../../img/lol_league/user_head.png" alt="" width="40" height="40">
                                                        <div data-list="2">
                                                            <span>2</span>
                                                        </div>
                                                        <p class="player-name ellipsis vip">大大魔锤！</p>
                                                        <i class="player-vip"></i>
                                                    </div>
                                                </td>
                                                <td class="font-season-score">10000</td>
                                                <td class="font-win">454</td>
                                                <td>2344</td>
                                                <td >65%</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- tab2 -->
                            <div class="tab-pane fade league-intro " id="intro">
                                <div class="intro-wrap">
                                    <p>VPGAME全民挑战赛（简称：VPCL)，是由中国知名的电竞服务平台VPGAME主办、KeyTV承办的面向广大DOTA爱好者的全民联赛，旨在弘扬电子竞技文化，为拥有电竞梦想的玩家提供一个通向职业之路的舞台。2015年的首届VPCL汇集了国内各大知名战队，在经历了两周的激烈比拼之后，最终由EHOME.K战队夺得冠军。节奏魔王也是通过这次比赛的夺冠向EHOME俱乐部证明了自身的价值，TI5后节奏魔王加入EHOME战队，成为了大家耳熟能详的OLD兄弟中的一员。</p>
                                    <img src="../../img/lol_league/intro_pic.png" alt="">
                                </div>
                            </div>
                            <!-- tab3 -->
                            <div class="tab-pane fade league-reward " id="reward">
                                <div class="reward-wrap">
                                    <p>第一名 TB至宝一个</p>
                                    <p>第二名 50,000 P</p>
                                    <p>第三名 20,000 P</p>
                                    <p>第4-10名 10,000 P</p>
                                </div>
                            </div>
                            <!-- tab4 -->
                            <div class="tab-pane fade league-process " id="process">
                                <div class="intro-wrap">
                                    <p>VPGAME全民挑战赛（简称：VPCL)，是由中国知名的电竞服务平台VPGAME主办、KeyTV承办的面向广大DOTA爱好者的全民联赛，旨在弘扬电子竞技文化，为拥有电竞梦想的玩家提供一个通向职业之路的舞台。2015年的首届VPCL汇集了国内各大知名战队，在经历了两周的激烈比拼之后，最终由EHOME.K战队夺得冠军。节奏魔王也是通过这次比赛的夺冠向EHOME俱乐部证明了自身的价值，TI5后节奏魔王加入EHOME战队，成为了大家耳熟能详的OLD兄弟中的一员。</p>
                                    <img src="../../img/lol_league/intro_pic.png" alt="">
                                </div>
                            </div>
                            <!-- tab5 -->
                            <div class="tab-pane fade league-recording " id="record">
                                <div class="top-nav">
                                    <div class="pull-left">
                                        <a class="page-forward"></a>
                                    </div>
                                    <div class="pull-right">
                                        <a class="page-afterward"></a>
                                    </div>
                                    <ul class="seasons clearfix">
                                        <li><a class="active" href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                        <li><a href="javascript:void(0);">第一期</a></li>
                                    </ul>
                                </div>
                                <div class="wrap-table-topic ">
                                    <table class="table-gameRecord font-base">
                                        <thead>
                                            <tr>
                                                <th>比赛编号</th>
                                                <th>比赛时间</th>
                                                <th>比赛类型</th>
                                                <th>获胜方</th>
                                                <th class="text-center font-whoWinTheGame">召唤师</th>
                                                <th class="text-center font-sec-classify">召唤师</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="120">
                                                    1215646153
                                                </td>
                                                <td width="190">2016-03-04 15:38:14</td>
                                                <td width="110">征召模式</td>
                                                <td width="90" class="font-whoWinTheGame">召唤师</td>
                                                <td class="game-player text-center" width="240">
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                        <div class="user-vip"></div>
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left">
                                                        <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                    </div>
                                                    <div class="user-img pull-left"></div>
                                                </td>
                                                <td class="game-player text-center" width="240">
                                                    <img width="40" height="40" src="http://thumb.vpgcdn.com/item-7007.png" alt="">
                                                </td>
                                            </tr>

                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="container clearfix">
                <div class="vpgame-logo pull-left"><i></i></div>
                <ul class="about-vpgame pull-left">
                    <li>关于VPGAME</li>
                    <li><a href="###">高薪诚聘</a></li>
                    <li><a href="###">友情链接</a></li>
                    <li><a href="###">网站地图</a></li>
                    <li><a href="###">帮助中心</a></li>
                </ul>
                <div class="copyright pull-left">
                    <p>客服热线：<i class="copyright-tel">400-800-6676</i>商务合作：bd@vpgame.cn</p>
                    <p class="reserved">Copyright©2014 vpgame.com All rights reserved. 浙ICP备14028335号-2</p>
                    <p>增值电信业务经营许可证：浙B2-20140286<span class="powered">Powered by Steam</span></p>
                    <p class="friendly-link-content">
                        <a href="###">DOTA2RPG</a>
                        <a href="###">星竞界dota2</a>
                        <a href="###">太平洋游戏dota2</a>
                        <a href="###">新浪dota2</a>
                        <a href="###">易竞技</a>
                        <a href="###">178dota2</a>
                        <a href="###">766dota2</a>
                        <a href="###">巴士dota2</a>
                        <a href="###">锐派dota2</a>
                        <a href="###">游戏港口</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script>
// bootstrap自带的 tabs切换
$(function() {
    $('#myTab a:first').tab('show'); // 选择第一个选项卡
})
</script>

</html>
